<!DOCTYPE html>
<html>

<head>
    <title>VDE Prototype</title>

    <link rel="stylesheet" type="text/css" href="css/styles.css" />
    <link rel="stylesheet" href="css/jquery-ui.css" type="text/css" />

    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/d3.v2.js"></script>

    <script type="text/javascript" src="js/primitives.js"></script>
    <script type="text/javascript" src="js/ui.js"></script>
</head>

<body>
    <div id="ui-left">

        <div id="ui-primitives" class="ui-box">
            <h2>Primitives</h2>
            <ul>

            </ul>

            <br clear="all" />
        </div>

        <div id="ui-data" class="ui-box">
            <h2>Data Columns</h2>
            <ul>

            </ul>
        </div>

        <br clear="all" />
    </div>

    <div id="ui-right">

        <div id="ui-design" class="ui-box">
            <h2>Design</h2>

            <div id="ui-new-panel" class="vis-panel">
                <h3>+ New Panel</h3>
            </div>
        </div>

        <div id="ui-vis" class="ui-box">
            <h2>Visualization</h2>
        </div>

        <br clear="all" />
    </div>

    <br clear="all" />
</body>
</html>
